<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
    <title>杨电网</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link href="css/public.css" type="text/css" rel="stylesheet"/>
    <link href="css/show.css" type="text/css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/styles.css">


    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script src="js/jquery.1.12.4.min.js"></script>
    <script type="text/javascript" src="js/slide.js"></script>
    <script src="js/vue2.6.js"></script>
    <script src="thmjs/show.js"></script>

    <script src="js/global.js"></script>

    <script src="js/jquery.DJMask.2.1.1.js"></script>
    <script src="js/jquery.magnifier.js"></script>


</head>
<script>
    $(function(){
        $('.nav ul li').hover(function(){
            $(this).children(".details").show();
        },function(){
            $(this).children(".details").hide();
        });
        $('#my').hover(function(){
            $(this).find("div").show();
        },function(){
            $(this).find("div").hide();
        });
    });
</script>
<body>
<div id="app">
<!------------顶部---------------->
<div class="top">
    <div class="wt1080">
        <div class="fl">
            <a href="index.html">洋店首页</a>&emsp;|&emsp;请&emsp;<a href="#" style="color: #ff9900">登陆</a>&emsp;或&emsp;<a href="#">立即注册</a>
        </div>
        <div class="fr">
            <ul>
                <li style="position: relative;" id="my">
                    <a href="my_order.html">我的洋店 <img src="image/sanjiao.png"></a>
                    <div class="personal">
                        <dl>
                            <dt><a href="my_order.html">我的订单</a></dt>
                            <dd><a href="my_youhuijuan.html">我的优惠卷</a></dd>
                            <dd><a href="my_jifen.html">我的积分</a></dd>
                        </dl>
                    </div>
                </li>
                <li><span class="shop">购物车<a href="gouwuche.html">0</a>件</span></li>
                <li><span class="phone"><a href="article.html">手机洋店</a></span></li>
                <li><span><a href="article.html">关于洋店</a></span></li>
                <li><span><a href="article.html">帮助中心</a></span></li>
                <li><span class="phone2">028-6133 8882</span></li>
            </ul>
        </div>
    </div>
</div>
<!--------------logo搜索------------->
<div class="wt1080 header">
    <div class="logo fl"><a href="index.html"><img src="image/logo.png"></a></div>
    <div class="search fl">
        <div>
            <input name="search" type="text" class="a_search fl" placeholder="请输入关键字">
            <span class="b_search fl"></span>
            <div class="clear"></div>
        </div>
        <p>
            <a href="#" class="current">可莱丝</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="#">森田药妆</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="#">Montagne jeunesse</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="#">丽得姿</a>
        </p>
    </div>
    <a class="my_shop fr" href="gouwuche.html">我的购物车<span>2</span></a>
    <div class="clear"></div>
</div>
<!--------------导航------------------>
<div class="nav">
    <div class="wt1080">
        <ul>
            <li>
                <a href="index.html" class="current"><span>首页</span></a>
            </li>
            <li>
                <a href="lanmu.html"><span>母婴专区</span></a>
                    <div class="details">

                                    <div class="item">
                                        <p class="title"><a href="lanmu.html">奶粉</a></p>
                                        <div class="ctgnamebox">
                                            <a href="liebiao.html" class="current">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                        </div>
                                    </div>

                                    <div class="item">
                                        <p class="title"><a href="#">奶粉</a></p>
                                        <div class="ctgnamebox">
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                        </div>
                                    </div>


                                    <div class="item">
                                        <p class="title"><a href="lanmu.html">奶粉</a></p>
                                        <div class="ctgnamebox">
                                            <a href="liebiao.html" class="current">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                        </div>
                                    </div>

                                    <div class="item">
                                        <p class="title"><a href="lanmu.html">奶粉</a></p>
                                        <div class="ctgnamebox">
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                            <a href="liebiao.html">爱他美</a>
                                        </div>
                                    </div>
                    </div>
            </li>
            <li><a href="lanmu.html"><span>美妆护肤</span></a></li>
            <li><a href="lanmu.html"><span>家具生活</span></a></li>
            <li><a href="lanmu.html"><span>食品营养</span></a></li>
            <li><a href="lanmu.html"><span>全球直邮</span></a></li>
            <li><a href="lanmu.html"><span>合作申请</span></a></li>
        </ul>
        <div style="clear:both"></div>
    </div>
</div>
<!---------------------导航完--------------------->

<script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<div class="wt1080">
    <!----------------位置--------------------->
    <div class="place">
        当前位置：<span class="check">{{pinfo.content}}</span>
    </div>
    <!-------------商品详细----------------->
    <div class="property">
        <div class="left">
            <div class="item-pic__box" id="magnifier">
                <div class="small-box">
                    <img class="cover" v-bind:src="hostservlet+'img/'+pinfo.imgid+'.jpg'">
                    <span class="hover"></span>
                </div>
                <div class="thumbnail-box">
                    <a href="javascript:;" class="btn btn-default btn-prev"></a>
                    <div class="thumb-list">
                        <ul class="wrapper clearfix">
                            <template v-for="imginfoall in imgall">
                                <template v-if="pinfo.id==imginfoall.productid">

                                    <li class="item active" v-bind:data-src="hostservlet+'img/'+imginfoall.imgid">
                                        <img class="cover" v-bind:src="hostservlet+'img/'+imginfoall.imgid"></li>

                                </template>
                            </template>
                        </ul>
                    </div>
                    <a href="javascript:;" class="btn btn-default btn-next"></a>
                </div>
                <div class="big-box"><img v-bind:src="hostservlet+'img/'+pinfo.imgid+'.jpg'"></div>
            </div>

        </div>

        <script src="js/jquery.magnifier.js"></script>
        <script>
            $(function () {
                $('#magnifier').magnifier();
            });
        </script>

        <script>
            $(function() {
                $(".jqzoom").imagezoom();

                $('#scroll').owlCarousel({
                    items: 4,
                    autoPlay: false,
                    navigation: true,
                    navigationText: ["",""],
                    scrollPerPage: true
                });
            });
        </script>
        <div class="right">
            <a href="#" class="title">{{pinfo.content}}</a>
            <div class="aa">
                <span class="a">促销价</span>
                <span class="b">￥{{pinfo.Presentprice}}</span>
                <span class="c">6.5折</span>
                <span class="c">包邮</span>
                <span class="d">国内参考价 ￥{{pinfo.originalprice}}</span>
            </div>
            <table>
                <tr>
                    <td class="one">运费</td>
                    <td>免运费</td>
                </tr>
                <tr>
                    <td class="one">关税</td>
                    <td>本商品实用税率为10%，若订单关税<50元则免征</td>
                </tr>
                <tr>
                    <td class="one">数量</td>
                    <td>
                        <div class="item-amount clearfix bgf5">
                            <div class="amount-box">
                                <div class="amount-widget">
                                    <input class="amount-input" value="1" maxlength="8" title="请输入购买量" type="text">
                                    <div class="amount-btn">
                                        <a class="amount-but add"></a>
                                        <a class="amount-but sub"></a>
                                    </div>
                                </div>
                                <div class="item-stock"><span style="margin-left: 10px;">    库 存 <b id="Stock">{{pinfo.count}}</b> 件</span></div>
                                <script>
                                    $(function () {
                                        $('.amount-input').onlyReg({reg: /[^0-9]/g});
                                        var stock = parseInt($('#Stock').html());
                                        $('.amount-widget').on('click','.amount-but',function() {
                                            var num = parseInt($('.amount-input').val());
                                            if (!num) num = 0;
                                            if ($(this).hasClass('add')) {
                                                if (num > stock - 1){
                                                    return DJMask.open({
                                                        width:"300px",
                                                        height:"100px",
                                                        content:"您输入的数量超过库存上限"
                                                    });
                                                }
                                                $('.amount-input').val(num + 1);
                                            } else if ($(this).hasClass('sub')) {
                                                if (num == 1){
                                                    return DJMask.open({
                                                        width:"300px",
                                                        height:"100px",
                                                        content:"您输入的数量有误"
                                                    });
                                                }
                                                $('.amount-input').val(num - 1);
                                            }
                                        });
                                    });
                                </script>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
            <!-----------------购买按钮--------------->
            <div class="shopping">
                <a href="order.html" class="buy">立即购买</a>
                <a href="gouwuche.html" class="shop_car">加入购物车</a>
                <div class="clear"></div>
            </div>
            <!-----------保障---------------->
            <div class="b_baozhang">
                <ul>
                    <li>
                        <img src="image/u1.png">
                        <p>全球正品货源</p>
                    </li>
                    <li>
                        <img src="image/u2.png">
                        <p>一件代发</p>
                    </li>
                    <li>
                        <img src="image/u3.png">
                        <p>全球直邮</p>
                    </li>
                    <li>
                        <img src="image/u4.png">
                        <p>售后无忧</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
    </div>

    <!-----------------下半部分------------------->
    <div class="details">
        <div class="details_left">
            <div class="d_l_t">
                <div class="d_l_t_t">
                    <a href="" class="current">商品详情</a>
                    <a href="">买家口碑(1600)</a>
                </div>
                <!-----------详细内容---------->
                <div class="d_l_t_d">
                    <img src="image/xiangxi.png">
                </div>
                <!----------评价---------->
            </div>
            <div class="pingjia">
                <div class="pingjia_t">
                    <span>买家口碑</span>本商品由Aptamil/爱他美发货并提供售后服务
                </div>
                <!----------评价----------->
                <div class="pingjia_d">
                    <div class="pingjia_d_t">
                        <span class="current"><img src="image/d1.png">全部评价（5884）</span>
                        <span><img src="image/d2.png">好评（5750）</span>
                        <span><img src="image/d2.png">好评（48）</span>
                        <span><img src="image/d2.png">差评（86）</span>
                        <span><img src="image/d2.png">晒单（227）</span>
                    </div>
                    <!----------留言----------->
                    <div class="pingjia_d_l">
                        <ul>
                            <li>
                                <p class="title"><span>月夜花香</span>（2015-10-03 21:47:13）</p>
                                <p class="pic"><img src="image/p10.jpeg"></p>
                                <p class="mess">已经开始喝第二阶段的奶粉了，会继续支持德贝。</p>
                                <p class="admin">管理员：亲爱的用户，已返现到您的会员账户，感谢你对德贝的支持，我们会继续坚持给您带来最极致的服务。</p>
                            </li>

                            <li>
                                <p class="title"><span>月夜花香</span>（2015-10-03 21:47:13）</p>
                                <p class="pic"><img src="image/p10.jpeg"></p>
                                <p class="mess">已经开始喝第二阶段的奶粉了，会继续支持德贝。</p>
                                <p class="admin">管理员：亲爱的用户，已返现到您的会员账户，感谢你对德贝的支持，我们会继续坚持给您带来最极致的服务。</p>
                            </li>

                            <li>
                                <p class="title"><span>月夜花香</span>（2015-10-03 21:47:13）</p>
                                <p class="pic"><img src="image/p10.jpeg"></p>
                                <p class="mess">已经开始喝第二阶段的奶粉了，会继续支持德贝。</p>
                                <p class="admin">管理员：亲爱的用户，已返现到您的会员账户，感谢你对德贝的支持，我们会继续坚持给您带来最极致的服务。</p>
                            </li>
                        </ul>
                    </div>
                    <!---------------分页--------------->
                    <div class="page"><a href="#">上一页</a><a href="#">1</a><a href="#">2</a><a href="#">下一页</a></div>
                </div>
            </div>
            <!---------------------常见问题------------------->
            <div class="problem">
                <h1>常见问题</h1>
                <div class="problem_c">
                    <div class="problem_c_t">
                        <div class="title">
                            <span>Q</span>
                            <font>商品来自哪里？</font>
                            <div class="clear"></div>
                        </div>
                        <div class="answer">
                            <span>A</span>
                            <font>我们的专业招商团队，确保所有的品牌均为海外优质品牌，主要是由海外品牌入住商或品牌代理经销商等品牌入驻商提供，让你轻松享受到国外优质原装进口商品。</font>
                            <div class="clear"></div>
                        </div>

                        <div class="title">
                            <span>Q</span>
                            <font>我还要额外缴纳关税么？</font>
                            <div class="clear"></div>
                        </div>
                        <div class="answer">
                            <span>A</span>
                            <font>依据《中华人民共和国进境物品归类表》，以商品实际销售价格作为完税价格（征税基数），参照行邮税税率征收进境物品进口税，应征税在50元以下（含50元），海关予以免征。</font>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <!------------------->
                    <p>联系在线客服，或拨打客户电话：028-6133 8882。<p>
                    <p>客户工作时间：周一到周日9：00-22：00，法定假日除外。<p>
                </div>
            </div>
        </div>



        <div class="details_right">
            <div class="d_r_t">相似推荐</div>
            <div class="d_r_d">
                <ul>
                    <li>
                        <a href="#"><img src="image/p9.png"></a>
                        <p><a href="#">德国爱他美Aptamil奶粉...</a></p>
                        <p><span>￥<font>359.00</font></span> 5.2折包邮</p>
                    </li>
                    <li>
                        <a href="#"><img src="image/p9.png"></a>
                        <p><a href="#">德国爱他美Aptamil奶粉...</a></p>
                        <p><span>￥<font>359.00</font></span> 5.2折包邮</p>
                    </li>
                    <li>
                        <a href="#"><img src="image/p9.png"></a>
                        <p><a href="#">德国爱他美Aptamil奶粉...</a></p>
                        <p><span>￥<font>359.00</font></span> 5.2折包邮</p>
                    </li>
                    <li>
                        <a href="#"><img src="image/p9.png"></a>
                        <p><a href="#">德国爱他美Aptamil奶粉...</a></p>
                        <p><span>￥<font>359.00</font></span> 5.2折包邮</p>
                    </li>
                    <li>
                        <a href="#"><img src="image/p9.png"></a>
                        <p><a href="#">德国爱他美Aptamil奶粉...</a></p>
                        <p><span>￥<font>359.00</font></span> 5.2折包邮</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
    </div>



</div>







<!---------------------保障------------------->
<div class="baozhang">
    <div class="wt1080">
        <ul>
            <li>
                <img src="image/c1.png">
                <p>全球正品货源</p>
            </li>
            <li>
                <img src="image/c2.png">
                <p>一件代发</p>
            </li>
            <li>
                <img src="image/c3.png">
                <p>全球直邮</p>
            </li>
            <li>
                <img src="image/c5.png">
                <p>售后无忧</p>
            </li>
        </ul>
        <div class="clear"></div>
    </div>
</div>
<!---------------底部--------------->
<div class="footer">
    <div class="wt1080" style="position: relative">
        <div class="a_footer">
            <div class="left">
                <a href="#"><img src="image/logo.png"></a>
                <p class="lianxi">
                    <a href="#"><img src="image/weixin.png"></a>
                    <a href="#"><img src="image/weibo.png"></a>
                    <a href="#"><img src="image/QQ.png"></a>
                    <span>028-6133 8882</span>
                </p>
            </div>
            <div class="right">
                <ul>
                    <li>
                        <dl>
                            <dt><a href="#">新手指南</a></dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">支付方式</a></dd>
                            <dd><a href="#">通关关税</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#">新手指南</a></dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">支付方式</a></dd>
                            <dd><a href="#">通关关税</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#">新手指南</a></dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">支付方式</a></dd>
                            <dd><a href="#">通关关税</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#">新手指南</a></dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">支付方式</a></dd>
                            <dd><a href="#">通关关税</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
        <div class="weixin"><img src="image/weixin1.png"><p>扫描二维码下载APP</p></div>
        <!------------------------>
        <p class="beian">Copyright © 2016 洋店网.版权所有.备案号：京ICP证35124521号.技术支持：西部网络</p>
    </div>
</div>
</div>
</body>

</html>
